<template>
    <div style="background-color: black;">
        <!-- <h2>当前模式：{{ getMode }}</h2>
        <button @click="toggleMode">点击切换</button> -->
        <Button type="primary">点我试试</Button>
        <Tabs v-model:activeKey="activeKey">
            <TabPane key="1" tab="Tab 1">Content of Tab Pane 1</TabPane>
            <TabPane key="2" tab="Tab 2" force-render>Content of Tab Pane 2</TabPane>
            <TabPane key="3" tab="Tab 3">Content of Tab Pane 3</TabPane>
        </Tabs>
    </div>
</template>
<script lang='ts' setup>
import { ref, reactive } from 'vue';
import { useThemeStore } from "@/stores/modules/app";
import { Button, Tabs, TabPane } from "ant-design-vue";
const activeKey = ref('1');
</script>